@charset "utf-8";
.gwidth{width: 769px;margin: 0 auto;}
.pc{display: none;}
.ipad{display: block;}
.phone{display: none;}

.index_box{background-color: #F5F5F5;}
/* 导航栏 */
.phone_nav{display: block;}
.sp_logo{float:left;padding: 10px;}
.sp_logo img{margin:auto;width: auto;height: 30px;}

/* 轮播banner */
.lb_zp{margin-top: 30px;margin-bottom: 30px;}
.lb_zp>ul>li:nth-child(1){float: left;width: 256px;margin: 0;}
.lb_zp>ul>li:nth-child(2){float: left;width: 256px;margin: 0;}
.lb_zp>ul>li:nth-child(3){float: left;width: 256px;margin: 0;}
.lb_zp>ul>li:nth-child(1){background: url(../images/index_1.png) center center no-repeat;}
.lb_zp>ul>li:nth-child(2){background: url(../images/index_2.png) center center no-repeat;}
.lb_zp>ul>li:nth-child(3){background: url(../images/index_3.png) center center no-repeat;}
.lb_zp>ul>li div{margin: 20px 0 0 0;}
.lb_zp>ul>li div>h4{line-height: 30px;font-size: 18px;color: #FFF;text-align: center;}
.lb_zp>ul>li div>p{display: none;width: 219px;height: 66px;line-height: 22px;font-size: 14px;color: #FFF;}
.lb_zp>ul>li:nth-child(1) div{background: url(../images/index_xiuli.png) top center no-repeat;padding-top: 65px;}
.lb_zp>ul>li:nth-child(2) div{background: url(../images/index_qiye.png) top center no-repeat;padding-top: 65px;}
.lb_zp>ul>li:nth-child(3) div{background: url(../images/index_zizhi.png) top center no-repeat;padding-top: 65px;}

/* index-产品推荐 */
.ctta{margin-top: 40px;margin-bottom: 60px;}
.ctta>h2{line-height: 40px;font-size: 34px;color: #0256AC;text-align: center;background: url(../images/index_a.png) center center no-repeat;margin-bottom: 40px;}
.ctta .ctta_top{margin-bottom: 30px;}
.ctta>div{overflow: hidden;}
.ctta>div>div{line-height: 30px;margin-bottom: 15px;}
.ctta>div>div h3{display: inline-block;float: left;font-size: 24px;color: #0256AC;margin-right: 5px;}
.ctta>div>div span{float: left;font-size: 14px;color: #333;}
.ctta>div>div a{float: right;font-size: 16px;color: #333;transition: all .3s;}
.ctta>div>div a:hover{color: #0256AC;}
.ctta>div>ul li{float: left;width: 31.3%;margin: 0 1% 16px;box-shadow: 0 1px 1px #DDD, 0 -1px 1px #DDD, 1px 0 1px #DDD, -1px 0 1px #DDD;}
.ctta>div>ul li>div{width: 100%;overflow: hidden;}
.ctta>div>ul li:last-child{display: block;}
.ctta>div>ul li>div img{width: 100%;}
.ctta>div>ul li>h4{height: 72px;line-height: 24px;font-size: 16px;color: #222;font-weight: 500;padding: 0 10px;transition: all .3s;}
.ctta>div>ul li:hover>h4{color: #0256AC;}
.ctta>div>ul li>p{height: 56px;overflow: hidden;position: relative;}
.ctta>div>ul li>p span{display: inline-block;line-height: 28px;padding: 0 10px;font-size: 14px;color: #555;transition: all .3s;position: relative;z-index: 3;}
.ctta>div>ul li:hover>p span{color: #FFF;}
.ctta>div>ul li>p em{display: inline-block;width: 100%;height: 0;background-color: #0256AC;position: absolute;left: 0;bottom: 0;z-index: 2;transition: all .3s;}
.ctta>div>ul li:hover>p em{height: 56px;}

/* index-关于我们 */
.cttby{background: url(../images/index_gywm.png) top center no-repeat;padding: 40px 0 60px;}
.cttb>h1{line-height: ;font-size: 36px;color: #222;margin: 10px 0;}
.cttb>ol{margin: 10px 0;}
.cttb>ol li{float: left;width: 15%;margin: 0 1% 0 0;}
.cttb>ol li img{width: 100%;}
.cttb>.cttb_div1{width: 100%;line-height: 28px;font-size: 15px;color: #222;margin: 10px 0;}
.cttb>.cttb_div1 span{display: block;}
.cttb>p{height: 66px;font-size: 25px;color: #222;overflow: hidden;margin: 10px 0;}
.cttb>p i{display: block;float: left;width: auto;line-height: 66px;margin-right: 5px;}
.cttb>p em{display: block;float: left;width: auto;line-height: 33px;}
.cttb>.cttb_div2{width: 100%;position: relative;top: 10px;left: 0;text-align: center;}
.cttb>.cttb_div2 a{display: block;width: 120px;height: 34px;line-height: 34px;text-align: center;background-color: #0256AC;font-size: 16px;color: #FFF;margin: 5px auto;}

/* index-应用案例 */
.cttcy{background-color: rgba(2, 86, 172, 0.8);padding: 20px 0 40px;}
.cttc>h2{line-height: 162px;font-size: 34px;color: #FFF;text-align: center;background: url(../images/index_b.png) center center no-repeat;}
.cttc>ul li{float: left;width: 32%;margin: 0 1% 15px 0;}
.cttc>ul li>div{width: 100%;overflow: hidden;position: relative;}
.cttc>ul li>div img{width: 100%;transition: all .6s;-ms-transition: all .8s;}
.cttc>ul li>div:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.cttc>ul li>div p{display: none;height: 80%;position: absolute;top: 0;left: 0;padding: 20% 5% 0;background-color: rgba(2,86,172,.5);transition: all .3s;}
.cttc>ul li>div p>span{display: inline-block;height: 60px;line-height: 20px;font-size: 14px;color: #FFF;overflow: hidden;}
.cttc>ul li>div:hover p{display: block;}
.cttc>ul li>h4{line-height: 40px;text-align: center;background-color: #0256AC;padding: 0 15px;font-size: 16px;color: #FFF;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* index-新闻资讯 */
.cttdy{background: #F5F5F5;padding: 0 0 46px;}
.cttd>h2{line-height: 162px;font-size: 34px;color: #0256AC;text-align: center;background: url(../images/index_a.png) center center no-repeat;}
.cttd>ul{width: 98%;background-color: #FFF;padding: 10px 1%;}
.cttd>ul li{margin: 10px 0;padding: 15px 0;}
.cttd>ul li>span{display: block;float: left;width: 10%;height: 70px;margin-left: 5%;}
.cttd>ul li>span i{display: block;line-height: 42px;font-size: 42px;color: #0256AC;font-weight: 700;}
.cttd>ul li>span em{display: block;line-height: 18px;font-size: 13px;color: #333;}
.cttd>ul li>div{float: right;width: 85%;}
.cttd>ul li>div h4{width: 70%;line-height: 24px;font-size: 16px;color: #333;font-weight: 600;margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cttd>ul li>div:hover h4{color: #0256AC;}
.cttd>ul li>div p{height: 52px;line-height: 26px;font-size: 13px;color: #999;overflow: hidden;}

/* 推荐产品 */
.tuijian_cp>ul li{float: left;width: 31.3%;background-color: #FFF;box-shadow: 1px 0 1px #DDD, -1px 0 1px #DDD, 0 -1px 1px #DDD, 0 1px 1px #DDD;margin: 0 1% 15px;}

/* --------------------Inside pages|产品中心-------------------- */
.cpzx .cpzx_rgt h2>i{position: relative;}
.cpzx .cpzx_rgt h2>i:after{content: "";display: block;width: 172px;height: 24px;background: url(../images/index_az.png) left center no-repeat;position: absolute;left: -195px;top: 8px;}
.cpzx .cpzx_rgt h2>i:before{content: "";display: block;width: 172px;height: 24px;background: url(../images/index_ay.png) right center no-repeat;position: absolute;right: -195px;top: 8px;}
/* left */
.content_left{display: block;}
/* right */
.cpzx_rgt{}
.cpzx_rgt>ul{margin-bottom: 30px;}
.cpzx_rgt>ul li{float: left;width: 31.3%;background-color: #FFF;box-shadow: 0 1px 1px #DDD, 0 -1px 1px #DDD, 1px 0 1px #DDD, -1px 0 1px #DDD;margin: 0 1% 15px;}
.cpzx_rgt>ul li>div{width: 100%;overflow: hidden;}
.cpzx_rgt>ul li>div img{width: 100%;}
.cpzx_rgt>ul li>h4{height: 72px;line-height: 24px;font-size: 16px;color: #222;font-weight: 500;padding: 5px 10px;transition: all .3s;}
.cpzx_rgt>ul li:hover>h4{color: #0256AC;}
.cpzx_rgt>ul li>p{height: 56px;overflow: hidden;position: relative;}
.cpzx_rgt>ul li>p span{display: inline-block;line-height: 28px;padding: 0 10px;font-size: 14px;color: #555;transition: all .3s;position: relative;z-index: 3;}
.cpzx_rgt>ul li:hover>p span{color: #FFF;}
.cpzx_rgt>ul li>p em{display: inline-block;width: 100%;height: 0;background-color: #0256AC;position: absolute;left: 0;bottom: 0;z-index: 2;transition: all .3s;}
.cpzx_rgt>ul li:hover>p em{height: 56px;}

/* --------------------Inside pages|新闻中心/技术专题-------------------- */
.xwzxy{background-color: #F5F5F5;padding: 40px 0 60px;}
.xwzx>h2{line-height: 40px;text-align: center;background: url(../images/index_a.png) center center no-repeat;font-size: 17px;color: #0256AC;font-weight: 700;margin: 0 0 35px;}
.xwzx>ol{margin-bottom: 50px;text-align: center;font-size: 0;}
.xwzx>ol li{display: inline-block;height: 34px;line-height: 34px;font-size: 18px;color: #222;padding: 0 20px;border: 1px solid #0256AC;border-radius: 4px;margin: 0 5px;transition: all .3s;}
.xwzx>ol li:hover{background-color: #0256AC;color: #FFF;}
.xwzx>ul{margin-bottom: 40px;}
.xwzx>ul li{border: 1px solid #DDD;margin: 0 0 20px;padding: 15px;transition: all .3s;}
.xwzx>ul li:hover{border-color: #0256AC;box-shadow: 5px 0 5px #DDD, -5px 0 5px #DDD, 0 5px 5px #DDD, 0 -5px 5px #DDD;}
.xwzx>ul li>div{float: left;width: 254px;height: 180px;border: 1px solid #EEE;overflow: hidden;margin: 0 20px 0 0;}
.xwzx>ul li>div img{width: 100%;height: 100%;}
.xwzx>ul li>h4{width: 50%;line-height: 30px;font-size: 20px;color: #333;font-weight: 500;margin: 6px 0;transition: all .3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xwzx>ul li:hover>h4{color: #0256AC;text-decoration: underline;}
.xwzx>ul li>span{display: block;line-height: 24px;font-size: 14px;color: #666;}
.xwzx>ul li>span i{display: inline-block;margin: 0 15px 0 0;}
.xwzx>ul li>p{height: 110px;line-height: 22px;font-size: 14px;color: #333;text-indent: 2em;overflow: hidden;}

/* --------------------Inside pages|应用案例-------------------- */
.yyal>h2{line-height: 40px;text-align: center;background: url(../images/index_a.png) center center no-repeat;font-size: 30px;color: #0256AC;font-weight: 700;margin: 0 0 35px;}
.yyal>ul{margin-bottom: 30px;}
.yyal>ul li{float: left;width: 32%;margin: 0 1% 20px 0;}
.yyal>ul li>div{width: 100%;overflow: hidden;position: relative;}
.yyal>ul li>div img{width: 100%;transition: all .6s;-ms-transition: all .8s;}
.yyal>ul li>div:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.yyal>ul li>div p{display: none;height: 80%;position: absolute;top: 0;left: 0;padding: 20% 5% 0;background-color: rgba(2,86,172,.5);transition: all .3s;}
.yyal>ul li>div p>span{display: inline-block;height: 60px;line-height: 20px;font-size: 14px;color: #FFF;overflow: hidden;}
.yyal>ul li>h4{line-height: 40px;text-align: center;background-color: #0256AC;padding: 0 15px;font-size: 16px;color: #FFF;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* --------------------Inside pages|联系我们-------------------- */
.contact>ul li{float: left;width: 31.3%;text-align: center;padding: 0 1%;}

/* --------------------Inside pages|关于我们-------------------- */
.about_jj>div{line-height: 26px;font-size: 14px;color: #222;text-indent: 2em;overflow: hidden;}
.about_wh{padding: 30px 15px;background-color: #FFF;position: relative;margin-bottom: 60px;}
.about_wh>h4{line-height: 21px;padding-left: 10px;font-size: 20px;color: #222;font-weight: 600;position: relative;margin-bottom: 20px;}
.about_wh>h4:before{content: "";display: block;width: 4px;height: 21px;background-color: #0256AC;position: absolute;left: 0;}
.about_wh>img{display: block;width: 100%;}
.about_wh>div{width: 48%;max-height: 164px;line-height: 28px;font-size: 16px;color: #333;position: absolute;top: 66px;left: 27%;z-index: 3;overflow: hidden;}
.about_wh>div span{display: block;}
.about_pp{margin-bottom: 60px;}
.about_pp>h4{line-height: 26px;padding-bottom: 10px;text-align: center;font-size: 25px;color: #222;position: relative;margin-bottom: 30px;}
.about_pp>h4:before{content: "";display: block;width: 8%;height: 4px;background-color: #0256AC;position: absolute;bottom: 0;left: 46%;}
.about_pp>ul li{float: left;width: 31.3%;margin: 0 1% 15px;}
.about_pp>ul li img{width: 100%;height: 100%;}
.about_td{padding: 30px 0;background-color: #FFF;}
.about_td>h4{line-height: 21px;padding-left: 10px;font-size: 20px;color: #222;font-weight: 600;position: relative;margin-bottom: 20px;}
.about_td>h4:before{content: "";display: block;width: 4px;height: 21px;background-color: #0256AC;position: absolute;left: 0;}
.about_td>ul>li{float: left;width: 31.3%;margin: 0 1% 15px;overflow: hidden;position: relative;}
.about_td>ul>li img{width: 100%;height: 100%;transition: all .6s;-ms-transition: all .8s;}
.about_td>ul>li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.about_td>ul>li p{width: 100%;line-height: 30px;text-align: center;background-color: rgba(0,0,0,.4);font-size: 16px;color: #FFF;position: absolute;bottom: 0;}

.about_gsjj>div img{float: left;width: 50%;margin: 0 2% 15px 0;}
.about_gsjj>img{float: left;width: 50%;margin: 0 2% 15px 0;}

.khfw>div img{display: block;width: 48%;margin: 6px 1%;}

.about_qyzz .about_qy{margin-bottom: 40px;}
.about_qyzz .about_qy>li{float: left;width: 31.3%;margin: 0 1% 20px;}

.about_jjtd .about_qy{margin-bottom: 40px;}
.about_jjtd .about_qy>li{float: left;width: 31.3%;margin: 0 1% 20px;}